<template>
  <div id="flowViewPanel">1</div>
</template>
<script>
require('@/vendor/flow/gooflow')
require('@/utils/flowlayout')
export default {
  name: 'WfFlowView',
  props: {
    schemeConent: {
      type: String,
      default: null
    },
    activityId: {
      type: String,
      default: null
    }
  },

  watch: {
    schemeConent(val) {
      $('#flowViewPanel').flowdesign({
        height: 600,
        widht: 600,
        top: 100,
        haveTool: false,
        isprocessing: true,
        activityId: this.activityId,
        nodeData: val.nodes,
        flowcontent: val
      })
    }
  }

}
</script>
<style lang="scss" scoped>
@import "~@/vendor/flow/GooFlow.css";
</style>
